<template>
  <div class="h-full flex flex-row flex-wrap">
    <div class="w-1/2 h-1/2 p-5 bg-orange-300">
      <EchartView :echartsOptionBuilder="barEchartsOptionBuilder"></EchartView>
    </div>
    <div class="w-1/2 h-1/2 p-5 bg-green-300 text-2xl">烧结合格率</div>
    <div class="w-1/2 h-1/2 p-5 bg-blue-300">autofit</div>
    <div class="w-1/2 h-1/2 p-5 bg-pink-300">4</div>
  </div>
</template>

<script setup lang="ts">
import { barEchartsOptionBuilder } from '@/echarts-option-builder/BarEchartsOptionBuilder'
import autofit from 'autofit.js'
autofit.init(
  {
    dh: 1080,
    dw: 1920,
    el: '#app',
    resize: true
  },
  false
)
</script>

<style scoped></style>
